<template>
    <div class="container">
        <div class="userinfo">
            <!-- <img class="userinfo-avatar" v-if="userInfo.avatarUrl" :src="userInfo.avatarUrl" background-size="cover" /> -->
            <!-- <div class="userinfo-nickname">
                <card :text="userInfo.nickName"></card>
            </div> -->
            <img class="userinfo-avatar" src="/static/images/company_logo.png" background-size="cover" />
            <div class="userinfo-nickname">
                <card text="赛"></card>
            </div>
        </div>
        <div class="zan-panel">
           <div class="zan-row">
            <a key="name" class="zan-cell zan-cell--access" href="/pages/realNameAuth/index">
                <div class="zan-cell__icon zan-icon zan-icon-checked" style="color:#f5532d;"></div>
                <div class="zan-cell__bd">实名认证</div>
                <div class="zan-cell__ft">未完成</div>
            </a>
            <a key="name" class="zan-cell zan-cell--access" href="/pages/edit/index">
                <div class="zan-cell__icon zan-icon zan-icon-checked" style="color:#f5532d;"></div>
                <div class="zan-cell__bd">基本信息</div>
                <div class="zan-cell__ft">未完成</div>
            </a>
            <a key="name" class="zan-cell zan-cell--access" href="/pages/workType/index">
                <div class="zan-cell__icon zan-icon zan-icon-checked" style="color:#f5532d;"></div>
                <div class="zan-cell__bd">安装类目</div>
                <div class="zan-cell__ft">未完成</div>
            </a>
            <a key="name" class="zan-cell zan-cell--access" href="/pages/overlayArea/index">
                <div class="zan-cell__icon zan-icon zan-icon-checked" style="color:#f5532d;"></div>
                <div class="zan-cell__bd">服务区域</div>
                <div class="zan-cell__ft">未完成</div>
            </a>
           </div>
        </div>
    </div>
</template>
<script>
import card from '@/components/card'
export default {
  data() {
    return {
      motto: 'Hello World',
      userInfo: {}
    }
  },
  components: {
    card
  },
  onShow: function() {},
  created() {},
  methods: {
    auth() {
      /**
       * 问题待解决（报错：）
       */
      store.dispatch('Logout')
      wx.reLaunch({
        url: '../edit/auth'
      })
    }
  }
}
</script>
<style scoped>
.logo {
  display: block;
  margin: 40px auto;
  width: 92px;
  height: 82px;
}
.userinfo {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.userinfo-avatar {
  width: 128rpx;
  height: 128rpx;
  margin: 20rpx;
  border-radius: 50%;
}

.userinfo-nickname {
  color: #aaa;
}

.usermotto {
  margin-top: 150px;
}

.form-control {
  display: block;
  padding: 0 12px;
  margin-bottom: 5px;
  border: 1px solid #ccc;
}
</style>